<template>
    <el-main>
        <el-main class="ep-body">
             <epl-top-bar showPerson personType="PERSON_AAC031_1" psTagType="PERSON_AAB001_GROUP">
                <ep-button size="small" type="info" name="核定" icon="el-icon-star-off"></ep-button>
                <ep-button size="small" type="warning" name="档案" icon="el-icon-document"></ep-button>
                <ep-button size="small" type="warning" name="打印" icon="el-icon-printer"></ep-button>
                <ep-button size="small" type="danger" name="清屏" icon="el-icon-remove"></ep-button>
                <ep-button size="small" type="warning" name="打印回执单" icon="el-icon-printer"></ep-button>
            </epl-top-bar>
            <el-card class="ep-card">
            <epl-userMessage dataType="person" idCount="14" :panel="panel" isEdit_1=''></epl-userMessage>
            </el-card>
            <el-collapse v-model="activeNames" >
                <el-collapse-item  title="请输入个人参保信息" name="1"> 
                <el-card class="ep-card">
                     <el-form :model="form" ref="form" :rules="rules">
                        <el-row>
                            <ep-select colspan="8" label="退休标志" name="aab019" :property="form.aab019"
                                    placeholder="请选择退休标志" p="E"  codetype="AAB019"
                                    :datas="{formData:form}" ></ep-select>
                            <ep-input colspan="8" label="补退单位管理码" name="aab999" :property="form.aab999"
                                    placeholder="请输入补退单位管理码" p="R" isChange
                                    :datas="{formData: form}"></ep-input>
                            <ep-input colspan="8" label="补退单位名称" name="aab069" :property="form.aab069"
                                    placeholder="请输入补退单位名称" p="R"  isChange
                                        :datas="{foDmData: foDm}" ></ep-input>
                        </el-row>
                        <el-row>
                            <ep-select colspan="8" label="缴费状态" name="aab019" :property="form.aab019"
                                    placeholder="请选择缴费状态" p="E"  codetype="AAB019"
                                    :datas="{formData:form}" ></ep-select>
                            
                        </el-row>
                        </el-form>
                </el-card>
                </el-collapse-item>
            </el-collapse >
            <el-card class="ep-card">
                <ep-title>调整补退信息</ep-title>
               
                    <el-row>
                        <ep-input colspan="8" name="sum" :property="form.sum" p="H" :datas="{formData: form}"></ep-input>
                        <ep-input colspan="8" name="months" :property="form.months" p="H" :datas="{formData: form}"></ep-input>
                        <ep-input colspan="8" name="aae180ThisYear" :property="form.aae180ThisYear" p="H" :datas="{formData: form}"></ep-input>
                    </el-row>
                    <el-row :gutter="20">
                        <ep-input colspan="8" label="征收单位管理码" name="aab999" :property="form.aab999" 
                                placeholder="请输入征收单位管理码" p="H" :datas="{formData: form}" isChange></ep-input>
                        <ep-input colspan="8" label="统一社会信用代码" name="bab010" :property="form.bab010" 
                                placeholder="请输入统一社会信用代码" p="H" :datas="{formData: form}" isChange></ep-input>
                    </el-row>
                    
                    <el-row>
                        <ep-table :data="tableData" border style="width: 100%;" rowDbClick :pager="20" :titleFilter="filter1">
                            <ep-table-column editor="index" name="index" width="85" header="序号"></ep-table-column>
                            <ep-table-column sortable editor="text" edited name="aae030" header="调整补退开始年月" isChange :datas="{tableData: tableData,formData: form}"></ep-table-column>
                            <ep-table-column sortable editor="text" edited name="aae031" header="调整补退终止年月" isChange :datas="{tableData: tableData,formData: form}"></ep-table-column>
                            <ep-table-column sortable editor="text" edited name="aae180" header="参加单位结算标志" isChange :datas="{tableData: tableData,formData: form}"></ep-table-column>
                            <ep-table-column sortable editor="text" edited name="aae180" header="变更后工资" isChange :datas="{tableData: tableData,formData: form}"></ep-table-column>
                        </ep-table>
                    </el-row>
                
            </el-card>
            <el-card class="ep-card">
                <ep-title>调整补退结果</ep-title>
                <el-tabs type="border-card">
                    <el-tab-pane label="调整补退信息列表">
                  <el-row>
                    <ep-table :data="tableData2" border style="width: 100%;" :pager="20" :titleFilter="filter2">
                        <ep-table-column editor="index" width="85"  header="序号"></ep-table-column>
                        <ep-table-column sortable editor="select" name="aae140" codetype="AAE140" header="险种类型" width="140"></ep-table-column>  
                        <ep-table-column sortable editor="select" name="aab033" codetype="AAB033" header="参加单位结算标志" width="180"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae002" header="变更前工资" width="160"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae002" header="变更后工资" width="160"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae180" header="变更前缴费基数" width="180" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae180" header="变更后缴费基数" width="180" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae003" header="对应费款所属期" width="180" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae020" header="单位金额" width="140" ></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae022" header="个人金额" width="140" ></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae022" header="滞纳金" width="120" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae058" header="合计" width="110" ></ep-table-column>
                        <ep-table-column editor="text" name="aae058" header="备注" width="110" hidden></ep-table-column>
                        <ep-table-column header="操作" width="110" editor="button" >
                                <template slot-scope="scope">
                                    <el-button type="text" size="mini" @click="deleteCurrentRow(scope.row)">删除</el-button>
                                </template>
                            </ep-table-column>
                    </ep-table>
                    </el-row>
                    </el-tab-pane>
                    <el-tab-pane label="调整补退失败信息列表"></el-tab-pane>
                </el-tabs>
                  <div style="margin: 15px 0;"></div>
                <el-row type="flex" justify="center">
                        <ep-saveButton id="doSave" top="20" type="primary" bottom="20" ref="save" @formValidate="formValidate"
                                       :validate="['form']" :datas="{formData: form,panel:panel,tableData:tableData,tableData2:tableData2}" name="保存"></ep-saveButton>
                </el-row>
            </el-card>

        </el-main>
    </el-main>
</template>


<script src="../js/PsBaseAdjustCurrentJS.js"></script>
